<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>填写订单信息</title>
		<link rel="stylesheet" type="text/css" href="./css/common.css"/>
		<link rel="stylesheet" type="text/css" href="./css/headfoot.css"/>
		<link rel="stylesheet" type="text/css" href="./css/weifeng.css"/>
		<script src="./js/jquery.js"></script>
		<script src="./js/index.js"></script>
	</head>
	<body>
		<!--顶部导航条开始-->
		<header>
			<div id="top-inner">
				<div class="sizenav">
					<div class="nav-left">
						<div class="nav-left-cont">
							7x24小时中文热线：中国大陆 1010 1020 <p style="padding:0 5px; display: inline-block;"></p>美国 +1 (347) 788 0952
							<i>v</i>
						</div>
						<ul class="cont-list">
							<li>
								<span class="title">中国大陆拨打：</span>
								<a href="###" class="tel-number">1010 1020</a>
							</li>
							<li>
								<span class="title">美国地区拨打：</span>
								<a href="###" class="tel-number">+1 (347) 788 0952</a>
							</li>
							<li>
								<span class="title">德国地区拨打：</span>
								<a href="###" class="tel-number">+49 (30) 3080 6994</a>
							</li>
						</ul>
					</div>
					<ul class="nav-right">
						<!--<li class="top-nav-menu top-nav-none-login">
							<div class="login">
								<a href="###" target="_self" class="a1">注册</a>
								<a href="###" target="_self" class="a2">登录</a>
							</div>	
						</li>-->
						<li class="top-nav-menu login-success">
							<div class="nickname">
								<span>13303235659</span>
								<a href="###">消息(<span>1</span>)</a>
							</div>
						</li>
						<li class="top-nav-menu top-nav-my-shsy">
							<div class="nav-shsy">
								<a href="###">我的双辉</a>
								<i>v</i>
							</div>
							<div class="account-info">
								<!--未登录跳转的地方不同-->
								<div class="account-info-list" style="display: none;">
									<a href="###">房车订单</a>
									<a href="###">需求订单</a>
									<a href="###">账户设置</a>
									<a href="###">我的双辉币</a>
									<a href="###">退出</a>
								</div>
								<!--已登录-->
								<div class="account-info-list">
									<a href="###">房车订单</a>
									<a href="###">需求订单</a>
									<a href="###">账户设置</a>
									<a href="###">我的双辉币</a>
									<a href="###">退出</a>
								</div>
							</div>
						</li>
						<li class="top-nav-menu top-nav-menu-order">
							<div class="menu-order">
								订单查询
								<i>v</i>
							</div>
							<div class="order-details">
								<div class="order-details-list">
									<a href="###">交换房车订单</a>
									<a href="###">出租房车订单</a>
								</div>
							</div>
						</li>
						<li class="top-nav-menu top-nav-menu-phone">
							<a href="###" class="menu-phone">
								<i></i>
								手机版
							</a>
							<div class="menu-phone-app">
								<div class="bg-pic"></div>
								<p class="pic-text">手机租车更方便</p>
							</div>
						</li>
						<li class="top-nav-menu top-nav-menu-weixin">
							<div class="menu-weixin">
								<i></i>
								微信
							</div>
							<div class="menu-wx-app">
								<div class="bg-wxpic"></div>
								<p class="pic-wxtext">扫一扫，关注微信</p>
							</div>
						</li>
						<li class="top-nav-menu top-nav-menu-lan">
							<div class="menu-lan">
								<i class="bg-img china-img"></i>
								简体中文
								<i class="jiantou">v</i>
							</div>
							<div class="more-lan">
								<div class="more-lan-list">
									<a href="###"><i class="hongk-img bg-img"></i>香港繁體</a>
									<a href="###"><i class="taiwan-img bg-img"></i>台灣繁體</a>
								</div>
							</div>
						</li>
						<li class="top-nav-menu top-nav-menu-service"><a href="###">客服中心</a></li>
					</ul>
				</div>
			</div>
			<div id="top-bar-box" style="background-color: #F9F9F9; width: 100%;">
				<div id="top-bar">
					<div class="top-bar-left">
						<div class="logo">
							<a href="###">
								<span>双辉旅程网</span>
							</a>
						</div>
						<div class="shsy-slogan">
							<p>嫁给我吧</p>
							<p style="padding-left: 24px;">带你游遍全世界</p>
						</div>
					</div>
					<div class="top-bar-right">
						<ul class="top-bar-right-menu">
							<li class="single-menu single-menu-home"><a href="###">首页</a></li>
							<li class="single-menu"><a href="###">交换房车</a></li>
							<li class="single-menu"><a href="###">租赁房车</a></li>
							<li class="single-menu"><a href="###">购买房车</a></li>
							<li class="single-menu"><a href="###">加盟我们</a></li>
							<li class="single-menu"><a href="###">发布需求</a></li>
						</ul>
					</div>
				</div>
			</div>
		</header>
		<!--顶部导航结束-->
		
		<!--支付选择开始-->
		<div id="paychose-wrap">
			<div class="paychose"> 
				<div class="position-flow">
					<span style="font-size: 16px;">您的位置：</span>
					<span class="present-place">首页 > 交换房车选择 > 房车详情 > 填写订单</span>
					<span> > 在线支付 > 预订成功 </span>
				</div>
				<div class="paychoseorderinfo">
					<h2>订单已提交，请尽快完成付款</h2>
					<p>请在<span>59分55秒</span>内完成支付，逾时订单将自动取消。<span class="fr" id="paychoseorderinfobtn">订单详情 v</span></p>
					<p>订单编号：<span>15231561265416</span></p>
					<div>
						<p>入住时间：<span>2016-12-16</span>&nbsp;&nbsp;&nbsp;&nbsp;离开时间：<span>2016-12-17</span></p>
						<p>房车名称：<span>房车名称</span></p>
						<p>营地名称：<span>营地服务机构名称</span></p>
						<p>使用费：<span>400×2=800币</span>&nbsp;&nbsp;&nbsp;&nbsp;押金：<span>￥200元</span></p>
						<p>联系人：<span>曹孟德</span>&nbsp;&nbsp;&nbsp;&nbsp;手机号码：<span>18888885588</span>&nbsp;&nbsp;&nbsp;&nbsp;邮箱：<span>568525658@qq.com</span></p>
					</div>
					<!-- 展开订单详情start -->
					<script type="text/javascript">
						$(function(){
							$(".paychoseorderinfo > div").hide();
							$(".paychoseorderinfo span#paychoseorderinfobtn").click(function(){
								$(".paychoseorderinfo > div").toggle();
							})
						})
					</script>
					<!-- 展开订单详情end -->
				</div>
				<div class="paychoseinfo">
					<h2>请选择支付平台</h2>
					<ul>
						<li><a href="##"><img src="img/zhifubao.jpg"></a></li>
						<li><a href="##"><img src="img/weixin.jpg"></a></li>
					</ul>
					<div class="cb"></div>
					<br>
					<h2>非大陆地区银行信用卡<span>（支付网关将收取4%手续费，18元，手续费不开具发票）</span></h2>
					<ul>
						<li><a href="##"><img src="img/visa.jpg"></a></li>
					</ul>
					<div class="cb"></div>
				</div>
			</div>
		</div>
		<!--支付选择结束-->
		<!--公共底部开始-->
		<div id="common-footer">
			<div class="footer-message">
				<div class="ft-about-us">
					<h3>关于</h3>
					<ul>
						<li><a href="###">关于我们</a></li>
						<li><a href="###">联系我们</a></li>
						<li><a href="###">加入我们</a></li>
						<li><a href="###">媒体报道</a></li>
					</ul>
				</div>
				<div class="ft-clause">
					<h3>条款</h3>
					<ul>
						<li><a href="###">隐私条款</a></li>
						<li><a href="###">用户协议</a></li>
					</ul>
				</div>
				<div class="ft-help">
					<h3>帮助</h3>
					<ul>
						<li><a href="###">常见问题</a></li>
						<li><a href="###">租车流程</a></li>
						<li><a href="###">保险说明</a></li>
					</ul>
				</div>
				<div class="ft-hot-link">
					<div class="hot-link">
						<i></i>
						<div class="ft-hot-link-num">
							<p class="ft-hot-p1">国内：0311-88989898</p>
							<p class="ft-hot-p2">4008888888</p>
						</div>
						<div>
							7x24小时全球中文客服热线 - 全年无休
						</div>
					</div>
					<div class="ft-wx">
						<i></i>
						<em>微<br />信<br />公<br />众<br />号</em>
					</div>
				</div>
			</div>
			<div class="friendiy-links-copyright">
				<ul class="ft-links">
					<li>友情链接：</li>
					<li><a href="###">葛洲坝控股</a></li>
					<li><a href="###">小鸟房车网</a></li>
					<li><a href="###">租租车</a></li>
					<li><a href="###">中国房车网</a></li>
					<li><a href="###">酒店预订网</a></li>
					<li><a href="###">葛洲坝控股</a></li>
					<li><a href="###">小鸟房车网</a></li>
					<li><a href="###">租租车</a></li>
				</ul>
				<div class="web-copyright">
					<p>© 2015-2016 shsytour.com. All Rights Reserved.  双辉盛业旅游开发股份有限公司  版权所有   冀ICP备16003145号</p>
				</div>
			</div>
		</div>
		<!--公共底部结束-->
	</body>
</html>
